<template>
	<div class="style-containers-box">
		<Carousel></Carousel>
		<!--<Notice>公告栏</Notice>-->
		<!-- <HomeGoods></HomeGoods> -->
		<!-- <Search></Search> -->
		<!--<FeaturedGoods title="特色图片分类"></FeaturedGoods>-->
		<!--<activity-1 title="活动组件"></activity-1>-->
		<UserCard title="扫一扫会员卡组件"></UserCard>
		<NewZone title="横幅图片模块"></NewZone><!--新人专区组件-->
		<ProductItemNew title="十格分类模块"></ProductItemNew><!--产品新分类组件-->
		<FeaturedGoodsNew title="五格图片模块"></FeaturedGoodsNew><!--新特色图片分类-->
		<FirstClassifyNew title="楼层分类模块"></FirstClassifyNew><!--新一级分类推荐-->
		<GuessYouLike title="猜你喜欢"></GuessYouLike>
		<!--<ErjiCategory title="二级类目"></ErjiCategory>-->
		<!--<HomeFooter title="底部"></HomeFooter>-->
		
		<!--<ErjiCategoryContent title="二级类目内容"></ErjiCategoryContent>
		<m-header title="标题栏"></m-header>-->
	</div>

</template>

<script>
import Carousel from "../../style-components/Carousel";
import Notice from "../../style-components/Notice";
import Activity1 from "../../style-components/Activity-1";
import Search from "../../style-components/Search";
import UserCard from "../../style-components/UserCard";
import NewZone from "../../style-components/NewZone";
import FeaturedGoods from "../../style-components/FeaturedGoods";
import ProductItemNew from "../../style-components/ProductItemNew";
import FeaturedGoodsNew from "../../style-components/FeaturedGoodsNew";
import FirstClassifyNew from "../../style-components/FirstClassifyNew";
import GuessYouLike from "../../style-components/GuessYouLike";
import ErjiCategory from "../../style-components/ErjiCategory";
import ErjiCategoryContent from "../../style-components/ErjiCategoryContent";
import HomeFooter from "../../style-components/HomeFooter";
import Header from "../../style-components/Header";
export default {
  	name: 'hello',
  	data () {
    	return {
			msg: '这是测试首页'
		}
	},
	components: {
		Carousel,
		Notice,
		FeaturedGoods,
		"activity-1": Activity1,
		Search,
		UserCard,
		NewZone,
		ProductItemNew,
		FeaturedGoodsNew,
		FirstClassifyNew,
		GuessYouLike,
		ErjiCategory,
		ErjiCategoryContent,
		HomeFooter,
		"m-header": Header,
	},
	created () {
		
	},
	mounted () {
		
	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.box {
		 display: flex;
		 width: 100%; 
	}
</style>
